<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head th:replace="_header_include::frag(~{::title},~{::link},~{})">
    <title>我的工作台-电销顾问</title>
    <link rel="stylesheet" th:href="@{/css/custom/console/console.css}">
</head>
<body>
<div id="mainDiv"  class="mainPadding consoleStyle" style="display: none;">
    <!-- 工作台 -->
    <el-breadcrumb separator="/" class="elBreadcrumb marginB20" v-if="isElBreadcrumb">
        <el-breadcrumb-item>Home</el-breadcrumb-item>
        <el-breadcrumb-item>电销管理</el-breadcrumb-item>
        <el-breadcrumb-item>我的工作台</el-breadcrumb-item>
    </el-breadcrumb>
    <el-row>
        <div class="tip">感谢您辛苦工作的第<em>{{workDay}}</em>天，累计业绩达<em v-if='totalPerformance !=null && totalPerformance>0'>{{totalPerformance}}</em><em v-else>--</em>元，继续努力！</div>
        <!-- 系统公告 -->
        <div class="affiche marginB20" v-if="afficheBox">
            <span class="f-fl"><img th:src="@{/images/icon_notice.png}" alt="" class="f-fl" style="margin-right: 10px;">系统公告：</span>  
            <div class="f-fl" style="width: 86%;">
                <marquee onmouseover="this.stop()" onmouseout="this.start()">
                    <!-- <ul>
                        <li v-for="item in items" :key="item.id">{{ item.content }}</li>
                    </ul> -->
                    <span style="margin-right: 50px;" v-for="item in items" :key="item.id">{{ item.content }}</span>                
                </marquee> 
            </div>                     
        </div>
        <!-- <div class="title">
            <div class="leftbox f-fl"><img th:src="@{/images/icon_kb.png}" alt="" class="f-fl">数字看板</div>
        </div> -->
        <ul class="board">
            <li class="boardStyle0 bg1">
                <div class="cnt">
                    <div class="toptitle">今日分配资源数</div>
                    <div class="con" v-if="assignTodayNum !=null && assignTodayNum>0">{{assignTodayNum}}<em></em></div> 
                     <div class="con" v-else><span style="float: left;">--</span><em style="float: left;height: 78px;line-height: 87px;"></em></div> 
                </div>
            </li>
            <li class="boardStyle0 bg2">
                <div class="cnt">
                    <div class="toptitle">今日领取资源数</div>
                    <div class="con" v-if="receiveTodayNum !=null  && receiveTodayNum>0">{{receiveTodayNum}}</div> 
                     <div class="con" v-else><span style="float: left;">--</span><em style="float: left;height: 78px;line-height: 87px;"></em></div> 
                </div>
            </li>
            <li class="boardStyle0 bg3">
                <div class="cnt" style="position: relative;">
                    <div class="toptitle">今日通话时长</div>
                    <div class="con hms" v-if="todayCallDuration !=null && todayCallDuration>0"><span>{{todayTalkTimeh}}</span><i>时</i><span>{{todayTalkTimem}}</span><i>分</i><span>{{todayTalkTimes}}</span><i>秒</i></div> 
                    <div class="con hms" v-else><span style="float: left;">--</span><em style="float: left;height: 78px;line-height: 87px;">时</em><span style="float: left;">--</span><em style="float: left;height: 78px;line-height: 87px;">分</em><span style="float: left;">--</span><em style="float: left;height: 78px;line-height: 87px;">秒</em></div>
                    <!-- 餐盟新增按钮  -->
                    <a href="/call/callRecord/myCallRecord?type=1" class="moreRecordBtn" v-if="!isElBreadcrumb">更多通话记录<i></i></a>
                </div>
            </li>
        </ul>
        <ul class="board">
            <li class="boardStyle2 bgColor1">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日首次邀约数</div>
                        <div class="con" v-if="todayAppiontmentNum !=null  && todayAppiontmentNum>0">{{todayAppiontmentNum}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_appointment.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor2">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日首访数</div>
                        <div class="con" v-if="todayFirstVisit !=null && todayFirstVisit>0">{{todayFirstVisit}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrsfs.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor3">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日签约数</div>
                        <div class="con" v-if="todaySign !=null  && todaySign>0">{{todaySign}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrqys.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor4">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">当月首访数</div>
                        <div class="con" v-if="monthFirstVisit !=null && monthFirstVisit>0">{{monthFirstVisit}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrsfs.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor5">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">当月签约数</div>
                        <div class="con" v-if="monthSign !=null  && monthSign>0">{{monthSign}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrqys.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor6">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">累计邀约数</div>
                        <div class="con" v-if="totalInvitation !=null && totalInvitation>0">{{totalInvitation}}</div>
                        <div class="con" v-else>--</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_invitation.png}" alt=""></div>
                </div>
            </li>
        </ul>
        <div class="boardTabList">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="当月" name="1">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span v-if="monthAllPerformance !=null && monthAllPerformance>0">{{monthAllPerformance}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">组内排名</div>
                            <div class="num">第<span v-if="monthGroupRanking !=null && monthGroupRanking>0">{{monthGroupRanking}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                           <div class="num">第<span v-if="monthGroupRanking !=null && monthGroupRanking>0">{{monthCompanyRanking}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距组内上一名业绩差</div>
                            <div class="num"><span v-if="monthGroupPerformanceDifference !=null && monthGroupPerformanceDifference>0">{{monthGroupPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span v-if="monthCompanyPerformanceDifference !=null && monthCompanyPerformanceDifference">{{monthCompanyPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
                <el-tab-pane label="季度" name="2">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span v-if="quarterAllPerformance !=null && quarterAllPerformance>0">{{quarterAllPerformance}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">组内排名</div>
                            <div class="num">第<span v-if="quarterGroupRank !=null && quarterGroupRank>0">{{quarterGroupRank}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                            <div class="num">第<span v-if="quarterCompanyRank !=null && quarterCompanyRank>0">{{quarterCompanyRank}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距组内上一名业绩差</div>
                            <div class="num"><span v-if="quarterGroupPerformanceDifference !=null && quarterGroupPerformanceDifference>0">{{quarterGroupPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span v-if="quarterCompanyPerformanceDifference !=null && quarterCompanyPerformanceDifference>0">{{quarterCompanyPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
                <el-tab-pane label="年度" name="3">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span v-if="yearAllPerformance !=null && yearAllPerformance>0">{{yearAllPerformance}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">组内排名</div>
                            <div class="num">第<span v-if="yearGroupRank !=null && yearGroupRank>0">{{yearGroupRank}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                            <div class="num">第<span v-if="yearCompanyRank !=null && yearCompanyRank>0">{{yearCompanyRank}}</span><span v-else>--</span><em>名</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距组内上一名业绩差</div>
                            <div class="num"><span v-if="yearGroupPerformanceDifference !=null && yearGroupPerformanceDifference>0">{{yearGroupPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span v-if="yearCompanyPerformanceDifference !=null && yearCompanyPerformanceDifference>0">{{yearCompanyPerformanceDifference}}</span><span v-else>--</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
            </el-tabs>
        </div>
        <!-- 消息提醒 -->
        <!-- <div v-show="newsBox">
            <div class="title">
                <div class="leftbox f-fl"><img th:src="@{/images/icon_remind.png}" alt="" class="f-fl">消息提醒</div>
                <div class="rightbox f-fr">进入消息中心<img th:src="@{/images/icon_arrow.png}" alt="" class="f-fr"></div>
            </div>
            <ul class="news">
                <li v-for="item in newsData" :key="item.id"><em></em>{{ item.content }}</li>
            </ul>  
        </div> -->
        <dialog-console :param="consoleNewsParam"></dialog-console>
    </el-row>
    <!-- 工作台结束 -->
    <!-- 今日待跟进客户资源 -->
    <div class="title" v-if="isElBreadcrumb">
        <div class="leftbox f-fl">今日待跟进客户资源</div>
        <div class="rightbox f-fr" @click="gotoMyCustomer">
            <img th:src="@{/images/icon_arrow.png}" alt="" class="f-fr">
            <span class="f-fr">进入我的客户</span>
        </div>
    </div>
    <el-row class="mainWhiteBg mainWhitePadding marginB20" v-if="isElBreadcrumb">
        <el-table 
            ref="multipleTable"
            tooltip-effect="dark"
            border
            :data="dataTable" 
            @row-dblclick="customerEidt"
            >
            <el-table-column align="center" type="index" width="55" prop="clueId" label="序号"></el-table-column>
            <el-table-column align="center" prop="cusLevelName" label="客户级别" width="120"></el-table-column>
            <el-table-column align="center" prop="cusName" label="客户姓名"></el-table-column>
            <el-table-column align="center" prop="phone" label="手机号" width="150">
                <!-- <template slot-scope="scope">
                    {{scope.row.phone}}
                    <input type='hidden'>
                    <i class="el-icon-phone-outline"  @click="customerEidt(scope.row.clueId)"  style="margin:0 10px;font-size: 16px;cursor: pointer;"></i>  
                    <el-tag v-if="scope.row.tag">{{scope.row.tag}}</el-tag>
                </template> -->
                <template slot-scope="scope">
                    {{scope.row.phone}}
                    <input type='hidden'>
                    <img th:src="@{/images/tel.png}" @click="gettelNumberIcon(scope.row.phone,scope.row.clueId)" style="margin:0 10px;width:22px;cursor: pointer;vertical-align: middle;" alt="">
                    <el-tag v-if="scope.row.tag">{{scope.row.tag}}</el-tag>
                </template>
            </el-table-column>
            <el-table-column prop="isTrack" label="跟进记录"  align="center" width="120">
                    <template slot-scope="scope">
                        <div v-if="scope.row.isTrack===1"> 
                            <el-button @click="openTrackingDialog(scope.row.clueId)" type="text" size="small"> 点击查看 </el-button>
                        </div> 
                    </template>
            </el-table-column>
            <el-table-column align="center" prop="customerStatusName" label="客户状态" width="120"></el-table-column>
            <el-table-column align="center" prop="repeatPhones" label="重复手机号资源" width="120">
                    <template slot-scope="scope">
                        <div v-if="scope.row.isRepeatPhone === 1"> 
                            <el-button @click="repeatPhonesClick(scope.row)" type="text" size="small">点击查看</el-button>
                        </div> 
                    </template>
            </el-table-column>
            <el-table-column align="center" prop="focusPoint" label="客户关注点"></el-table-column>
            <el-table-column align="center" prop="nextVisitTime" label="下次回访时间" width="140"></el-table-column>
            <el-table-column align="center" prop="assignTime" label="分配时间" width="140" sortable></el-table-column>
        </el-table>
        <table-pagination :pager="pager" @change="initTableData"></table-pagination>
    </el-row>
    <!-- 今日待跟进客户资源 重复手机号资源 -->
    <!--<el-dialog :title="'手机号'+dailogTitleType+'重复资源信息'"    :visible.sync="repeatPhonesDialog">-->
        <!--<el-table-->
            <!--ref="singleTable"-->
            <!--tooltip-effect="dark"-->
            <!--style="width: 100%"-->
            <!--border-->
            <!--:data="repeatPhonesTable"-->
            <!--&gt;-->
            <!--<el-table-column align="center" type="index" width="55" label="序号"></el-table-column>-->
            <!--<el-table-column align="center" prop="createTime" label="资源创建时间" width="170"></el-table-column>-->
            <!--<el-table-column align="center" prop="phone" label="联系方式" width="170"></el-table-column>-->
            <!--<el-table-column align="center" prop="teleDirectorName" label="电销总监"></el-table-column>-->
            <!--<el-table-column align="center" prop="teleSaleName" label="电销顾问"></el-table-column>-->
            <!--<el-table-column align="center" prop="teleGorupName" label="电销组"></el-table-column>-->
            <!--<el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>-->
            <!--<el-table-column align="center" prop="createUserRoleName" label="资源创建人角色"></el-table-column>-->
            <!--<el-table-column align="center" prop="createUserName" label="资源创建人"></el-table-column>-->
        <!--</el-table>-->
    <!--</el-dialog>-->

    <el-dialog :title="'资源ID'+dailogTitleType+'重复手机号资源信息'" :visible.sync="repeatPhonesDialog" width="1160px">
        <div v-show="showPhoneTable">
            <span>手机号<span style="color: red">(1)</span>{{phone}}重复手机号资源</span>
            <el-table ref="singleTable" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable2">
            <span>手机号<span style="color: red">(2)</span>{{phone2}}重复手机号资源</span>
            <el-table ref="singleTable2" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable2">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable3">
            <span>手机号<span style="color: red">(3)</span>{{phone3}}重复手机号资源</span>
            <el-table ref="singleTable3" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable3">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable4">
            <span>手机号<span style="color: red">(4)</span>{{phone4}}重复手机号资源</span>
            <el-table ref="singleTable4" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable4">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable5">
            <span>手机号<span style="color: red">(5)</span>{{phone5}}重复手机号资源</span>
            <el-table ref="singleTable5" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable5">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
    </el-dialog>
    <!-- 快速领取资源 -->
    <el-row v-if="isElBreadcrumb">
        <div class="title">
            <div class="leftbox f-fl">快速领取资源</div>
            <div class="rightbox f-fr" @click="gotoPublicCustomer">
                <img th:src="@{/images/icon_arrow.png}" alt="" class="f-fr">
                <span class="f-fr">进入公有池挑选资源</span>
            </div>
        </div>
        <el-row class="mainWhiteBg mainWhitePadding">
            <el-table :data="tableData" border style="width: 100%" tooltip-effect="light"  ref="multipleTable" @selection-change="handleSelectionChange"    @row-dblclick="showClueDetailInfo2">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column prop="cusName" label="客户姓名"  align="center"></el-table-column>
                <el-table-column prop="typeName" label="资源类型" align="center" width="110"></el-table-column>
                <el-table-column prop="categoryName" label="资源类别" align="center" width="110"></el-table-column>
                <el-table-column prop="" label="跟进记录"  align="center" width="110">
                    <template slot-scope="scope">
                        <div v-if="scope.row.isTrack ==1">
                            <el-button @click="openTrackingDialog(scope.row.clueId)" type="text" size="small">点击查看</el-button>
                        </div>
                        <div v-else></div>
                    </template>
                </el-table-column>
                <!-- <el-table-column prop="" label="重复手机号资源"  align="center" width="120">
                    <template slot-scope="scope">
                       <div v-if="scope.row.isRepeatPhone ==1">
                           <el-button @click="repeatPhonesClick(scope.row)" type="text" size="small">点击查看</el-button>
                        </div>
                        <div v-else></div>
                    </template>
                </el-table-column> -->
                <el-table-column prop="releaseReasonName" label="释放原因" align="center"></el-table-column>
                <el-table-column prop="customerStatusName" label="客户状态" align="center" width="110"></el-table-column>
                <el-table-column prop="" label="操作"  align="center" width="100">
                    <template slot-scope="scope">
                        <el-button @click="openReceive(scope.row)" type="text" size="small">快速领取</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-row>
    </el-row>   
    <!-- 跟进记录 -->
    <dialog-tracking :param="trackingParam"></dialog-tracking>
    <!-- 快速领取新资源 重复手机号资源-->
    <el-dialog :title="dailogTitleType+'重复资源信息'" :visible.sync="repeatPhonesDialog2" width="70%">
        <el-table ref="singleTable" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable2">
            <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
            <el-table-column align="center" prop="createTime" label="资源创建时间" width="170"></el-table-column>
            <el-table-column align="center" prop="clueId" label="资源id" width="200"></el-table-column>
            <el-table-column align="center" prop="teleDirectorName" label="电销总监"></el-table-column>
            <el-table-column align="center" prop="teleSaleName" label="电销顾问"></el-table-column>
            <el-table-column align="center" prop="teleGorupName" label="电销组"></el-table-column>
            <el-table-column align="center" prop="teleProject" label="电销组负责项目" width="150"></el-table-column>
            <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="150"></el-table-column>  
            <el-table-column align="center" prop="createUserName" label="资源创建人"></el-table-column> 
        </el-table>
    </el-dialog>
    <el-dialog :title="receiveTitle" :visible.sync="receiveDialog">
        <el-table ref="singleTable" tooltip-effect="dark" style="width: 100%" border :data="receiveTable">
            <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
            <el-table-column align="center" prop="cusName" label="客户姓名"></el-table-column>
            <el-table-column align="center" prop="createTime" :formatter="dateFormat" label="创建时间"></el-table-column>
        </el-table>
    </el-dialog>
</div>

<!-- import common js-->
<div th:include="_footer_include :: #jsLib"></div>
<script th:inline="javascript" >
var dashboardTelSale =[[${dashboardTelSale}]];
</script>
<script th:src="@{/js/custom/console/consoleTelemarketing.js?v=1.0.0}"></script>

</body>
</html>